// 主题色
.theme-color {
  color: #3375F5;
}


// 消息等级tag样式
.message-tag {
  text-align: center;
  font-size: 24rpx;
  font-weight: 500;
  padding: 4rpx 20rpx;
  border-radius: 6rpx;
  border: 1rpx solid transparent;
}

.positive-tag {
  color: #00ad65;
  border-color: #94dcbe;
  background: #f7fcfa;
}

.tips-tag {
  color: #4458fe;
  border-color: #c2c9ff;
  background: #eceeff;
}

.warn-tag {
  color: #e9b327;
  border-color: #f8c77d;
  background: #fffaf3;
}

.mediumRisk-tag {
  color: #ff732d;
  border-color: #F8A67D;
  background: #FFF7F3;
}

.highRisk-tag {
  color: #F04040;
  border-color: #E97F7F;
  background: #FFF7F7;
}

// 列表页 搜索栏
// DropdownMenu 下拉菜单 t-class 外部样式类
.custom-dropdown-menu {
  --td-dropdown-menu-height: 84rpx !important;
  --td-dropdown-menu-icon-size: 32rpx;
  --td-tree-item-height: 84rpx !important;
  --td-radio-vertical-padding: 20rpx 32rpx !important;
  --td-radio-font-size: 28rpx !important;
  --td-dropdown-menu-icon-sizem: 32rpx !important;
  --td-dropdown-menu-active-color: #3375F5;

  .t-dropdown-menu__item {
    color: #86909C;

    &.menu--t-dropdown-menu__item--active {
      color: var(--td-dropdown-menu-active-color);
    }
  }
}

// 列表页搜索栏 搜索
.common-pagelist-search-bar {
  position: relative;
  height: 42px;
  width: 750rpx;
  background-color: #fff;
  margin-top: 6px;

  .dropdown-menu-box {
    width: calc(750rpx - 174rpx);
    height: 100%;
    padding-left: 28rpx;
    box-sizing: border-box;
  }

  .search-placeholder {
    width: 144rpx;
    height: 100%;

    .company-search {
      width: 144rpx;
      height: 100%;
      padding-top: 2px;
      box-sizing: border-box;
      overflow: hidden;
      transition: width 0.2s;
      font-size: 26rpx;
      color: #86909C;
      position: absolute;
      top: 0;
      right: 30rpx;
      background-color: #fff;

      .fold {
        display: none;
      }

      &.input-is-focus {
        width: 720rpx;
        padding-left: 24rpx;

        .fold {
          display: inline-block;
          flex-shrink: 0;
          padding-left: 20rpx;
        }
      }

      .search-input {
        flex: 1;
        --td-search-clear-icon-font-size: 28rpx;
        --td-search-font-size: 28rpx;
        --td-search-icon-font-size: 36rpx;
        --td-search-height: 30px;
        --td-search-padding: 16rpx;
      }
    }
  }
}

.common-pagelist-total-num {
  height: 28px;
  width: 690rpx;
  padding: 0 30rpx;
  font-size: 24rpx;
  line-height: 28px;
}

// 通用列表页 列表项样式
.common-pagelist-content-scroll-view {
  flex: 1;
  overflow: hidden;
  width: 750rpx;

  .common-pagelist-content-item {
    background-color: #fff;
    margin-bottom: 6px;
    padding: 30rpx;

    .title-name {
      color: #1D2129;
      font-size: 30rpx;
      font-weight: 500;
      line-height: 22px;
      padding-bottom: 5px;

      &.is-ws {
        border-bottom: 1px solid #EDEFF3;
      }

      .name {
        flex: 1;
      }

      .check {
        flex-shrink: 0;
        font-size: 24rpx;
        color: #3375F5;
      }
    }

    .labels {
      font-size: 28rpx;
      line-height: 28px;
      margin-top: 6px;

      .label {
        color: #86909C;
      }
    }
  }
}